﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="horsetrack.aspx.cs" Inherits="horsetrack" %>

<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>
<%@ Register Assembly="Trirand.Web" TagPrefix="trirand" Namespace="Trirand.Web.UI.WebControls" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title> HorseTrack - Seguimiento GPS equino </title>
        <link type='image/x-icon' rel="icon" href="Iconos/caballoico.ico" />
            <!-- The jQuery UI theme extension jqGrid needs -->
        <link rel="stylesheet" type="text/css" media="screen" href="themes/ui.jqgrid.css" />
        <!-- jQuery runtime minified -->
        <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
        <!-- The localization file we need, English in this case -->
        <script src="js/trirand/i18n/grid.locale-en.js"type="text/javascript"></script>
        <!-- The jqGrid client-side javascript -->
        <script src="js/trirand/jquery.jqGrid.min.js" type="text/javascript"></script>

        <link href="Estilos.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
        </style>

        <link type="text/css" href="jquery/css/themename/jquery-ui-1.8.7.custom.css" rel="Stylesheet" />	
        <script type="text/javascript" src="jquery/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="jquery/js/jquery-ui-1.8.7.custom.min.js"></script>
        <script type="text/javascript" src="Scripts/jcarousellite.js" ></script> 
        <script type="text/javascript" src="Scripts/Funciones.js"></script>

      
        <script type="text/javascript">


            $(function () {

                $("#divInfoPrincipal").fadeTo(600, 0.8);
                $("#divPanelDeControlAcciones").fadeTo(600, 0.8);
                $("#divGeoFenceInfo").fadeTo(600, 0.8);
                $("#divGeoFenceCreate").fadeTo(600, 0.8);
                $("#divTrazabilidadEdit").fadeTo(600, 0.8);

                if (!isPostBackPanelDeControl) {
                    $("#divTabPanelDeControl").hide();
                }
                $("#divTab1").hide();
                $("#divTab2").hide();
                $("#divTab3").hide();
                $("#divTabCerrarSesion").hide();
                $("#divGeoFenceInfo").hide();
                $("#divGeoFenceCreate").hide();
                $("#divTrazabilidadEdit").hide();
                $("#divConfirmacionBorrarGeoFence").hide();

                $("#divTab6").hide();



                $("#divGeoFenceInfo").draggable();
                $("#divPanelControl").draggable();
                $("#divTrazabilidadEdit").draggable();
                $("#divPanelControl").fadeTo(600, 0.8);
                /*
                $(".carousel").jCarouselLite({               
                btnNext: ".next",
                btnPrev: ".prev",
                visible: 1,
                auto:5000,
                speed:800,
               
                });
                */

               


            });

            function abrirCerrarTab(strIdentificador) {
                if ($(strIdentificador).is(':visible')) {
                    $(strIdentificador).hide(600);
                }
                else {
                    $(strIdentificador).show(600);
                }
            }
           
              
        </script>



    </head>

   


<form id="Principal" runat="server">
<body class="Cuerpo" onload="fnc();">
        <table style="position:absolute; width:38px; z-index:1; top:0px; left:-5px;">
            <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTab1" runat="server">
                             <a onclick="abrirCerrarTab(divTab1);" onmouseover="MM_nbGroup('over','ImgTab1','images/Botones/BPacoverT_Data.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="Modificar mis datos" id="ImgTab1"  width="38px" height="" src="images/Botones/BPacT_Data.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTab2" runat="server">
                             <a onclick="abrirCerrarTab(divTab2);" onmouseover="MM_nbGroup('over','ImgTab2','images/Botones/BPacoverT_Perfil.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="Ver perfil de mis caballos" id="ImgTab2"  width="38px" height="" src="images/Botones/BPacT_Perfil.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTab3" runat="server">
                             <a onclick="abrirCerrarTab(divTab3);" onmouseover="MM_nbGroup('over','ImgTab3','images/Botones/BPacoverT_Equino.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="Modificar datos de mis caballos" style="" id="ImgTab3"  width="38px" height="" src="images/Botones/BPacT_Equino.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTab4" runat="server">
                             <a onclick="abrirCerrarTab(divTabCerrarSesion);" onmouseover="MM_nbGroup('over','ImgTabCerrarSesion','images/Botones/BPacoverT_Cerrar.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="Cerrar sesion" style="" id="ImgTabCerrarSesion"  width="38px" height="" src="images/Botones/BPacT_Cerrar.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTabPanelDeControl" runat="server">
                             <a onclick="abrirCerrarTab(divTabPanelDeControl);" onmouseover="MM_nbGroup('over','ImgTabPanelDeControl','images/Botones/BPacoverT_Panel.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="Abrir/Cerrar Panel de control" style="" id="ImgTabPanelDeControl"  width="38px" height="" src="images/Botones/BPacT_Panel.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
               <tr>
                <td align="left" valign="top">
                    <asp:Panel Width="100%" ID="panelTab6" runat="server">
                             <a onclick="abrirCerrarTab(divTab6);" onmouseover="MM_nbGroup('over','ImgTab6','images/Botones/BPacoverT_user.png','',1);" onmouseout="MM_nbGroup('out');">
                                <img title="ABM Usuarios" style="" id="ImgTab6"  width="38px" height="" src="images/Botones/BPacT_user.png" />
                            </a>
                    </asp:Panel>
                </td>
            </tr>
        </table>
        
          <div id="divGeoFenceCreate" class="shadowInner1" style="border-radius:15px; position:absolute; width:350px; z-index:98; top:300px; left:350px; background-color:DarkOrange; font-family:Calibri;">
                
                       
                        <table width="100%" style="font-size:12px;">
                            <tr>
                                <td colspan="2" align="left">                                                                 
                                    <b>Agregar GeoFence:</b><br />                    
                                                                
                                   Descripcion:&nbsp;<input type="text" id="inputGeoFenceDescripcion"/><br />                              
                                   Area:&nbsp;<a id="aGeoFenceCreateArea"></a><br />      
                                   <div id="divGeoFenceHiddenInfo">
                                   VertexCount:&nbsp;<a id="aGeoFenceCreateVertexCount"></a><br />    
                                   VertexArray:&nbsp;<a id="aGeoFenceCreateVertexArray"></a><br />    
                                   Id Poligono:&nbsp;<a id="aGeoFenceCreateIdPoligono"></a><br />    
                                   </div>                       
                                </td>
                            </tr>
                            <tr>
                                <td align="center" onclick="crearGeoFence(document.getElementById('aGeoFenceCreateIdPoligono').innerHTML,document.getElementById('aGeoFenceCreateVertexCount').innerHTML,document.getElementById('aGeoFenceCreateArea').innerHTML);"><b>Agregar</b></td>                          
                                <td align="center" onclick="abrirCerrarTab(divGeoFenceCreate);"><b>Cerrar</b></td>
                            </tr>
                           
                        </table>

                           
           </div>    
        
           
            <div id="divTrazabilidadEdit" class="shadowInner1" style="border-radius:15px; position:absolute; width:300px; z-index:98; top:300px; left:350px; background-color:DarkOrange; font-family:Calibri;">
                
                       
                        <table width="100%">
                            <tr>
                                <td rowspan="3" style="font-size:11px;" align="left">                                    
                                   Color del trazo:&nbsp;<br />                                   
                                   Cantidad de pasos:&nbsp;<br />                             
                                   Id de trazo:&nbsp;
                                </td>
                                <td rowspan="3" style="font-size:11px;" align="left">
                                <asp:DropDownList ID="DropDownListColorTraza" runat="server"><asp:ListItem>Rojo</asp:ListItem><asp:ListItem>Azul</asp:ListItem><asp:ListItem>Verde</asp:ListItem><asp:ListItem>Amarillo</asp:ListItem></asp:DropDownList><br />
                                <a id="aTrazabilidadEditCantidadPasos"> </a><br />    
                                <a id="aTrazabilidadEditId"></a><br />  
                                </td>
                            </tr>
                            <tr>
                                <td align="left"><b>Editar</b></td>                               
                            </tr>
                            <tr>
                                <td align="left" onclick="abrirCerrarTab(divTrazabilidadEdit);"><b>Cerrar</b></td>
                            </tr>                          
                        </table>

                           
            </div>    
        <div id="divGeoFenceInfo" class="shadowInner1" style="border-radius:15px; position:absolute; width:450px; z-index:99; top:300px; left:350px; background-color:DarkOrange; font-family:Calibri;">
                
                       
                        <table width="100%">
                            <tr>
                                <td rowspan="3" align="center">
                                   Area:&nbsp;<a id="aGeoFenceArea"> </a><br />                                   
                                   Descripcion:&nbsp;<a id="aGeoFenceDescripcion"> </a><br />                             
                                   Caballos dentro:&nbsp;<a id="aGeoFenceCaballosDentro"> </a>
                                   Id:&nbsp;<a id="aGeoFenceId"></a>
                                </td>
                            </tr>
                            <tr>
                                <td align="left" onclick="abrirCerrarTab(divConfirmacionBorrarGeoFence);"><b>Borrar</b></td>                               
                            </tr>
                            <tr>
                                <td align="left" onclick="abrirCerrarTab(divGeoFenceInfo);"><b>Cerrar</b></td>
                            </tr>
                            <tr><td></td></tr>
                            <tr>
                                <td colspan=2>
                                <div id="divConfirmacionBorrarGeoFence">
                                <table width=100%>
                                <tr><td align="center" style="color:Red; font-size:14px;">Esta Seguro??</td><td onclick="borrarGeoFence(document.getElementById('aGeoFenceId').innerHTML);"><b>Si</b></td><td onclick="abrirCerrarTab(divConfirmacionBorrarGeoFence);" ><b>No</b></td></tr>
                                </table>
                                </div>
                                </td>
                            
                            </tr>
                        </table>

                           
        </div>    
        <div id="divTabCerrarSesion" style="position:absolute; width:400px; z-index:10; top:300px; left:350px">
                <div id="divCerrarSesion" class=shadow style="border-radius:10px; height:100px; width:400px; background-image:url('Images/PanelDecontrol.jpg'); z-index: 6;">
                        <div id="divCerrarSesionHeader" style="text-align:center; color:White; background-color:orange; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                            <br/>Cerrar Sesión<br/><br/>
                        </div>
                        <table width="100%">
                            <tr>
                                <td colspan="2" align="center">
                                    ¿Está seguro que quiere cerrar la sesión?
                                </td>
                            </tr>
                            <tr>
                                <td align="right"><asp:Button style="Width:150px;" ID="buttonConfirmaCerrarSesion" 
                                        runat="server" Text="Aceptar" onclick="buttonConfirmaCerrarSesion_Click" /></td>
                                <td align="left"><input type="button" style="Width:150px;" onclick="abrirCerrarTab(divTabCerrarSesion);" value="Cancelar" /></td>
                            </tr>
                        </table>
                </div>

            
        </div>
        <div id="divTabPanelDeControl" style="position:absolute; width:400px; z-index:6; top:0px; left:50px">        
                <div id="divPanelControl" class=shadow style="border-radius:10px; height:400px; width:220px; top:200px; left:50px; position:absolute; background-image:url('Images/PanelDecontrol.jpg'); z-index: 6;">
                        <div id="divPanelControlHeader" style="text-align:center; color:White; background-color:orange; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                            <br/>Panel de Control<br/><br/>
                        </div>
                        <table width="100%" style="color: wheat; font-family:Calibri; font-size:10px; border-style:outset; border-width:2px; border-color:White;">
                                <tr>
                                    <td style="font-size:15px">
                                    Ir aquí:
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Lat  <asp:TextBox ID="textBoxLatGo" style="height:12px; font-size:10px; font-family:Calibri; color:Red" Width="80px"    runat="server"></asp:TextBox> 
                                        Long  <asp:TextBox ID="textBoxLongGo" style="height:12px; font-size:10px; font-family:Calibri; color:Red" Width="80px" runat="server"></asp:TextBox> 

                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size:11px">
                                    &nbsp;Tip:
                                    </td>
                                </tr>
                                <tr>
                                   <td style="font-size:10px; text-align:justify;">
                                    &nbsp;* Para marcar latitudes en el hemisferio sur, use el <b style="font-size:12px">signo -</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="font-size:10px; text-align:justify;">
                                    &nbsp;* Para marcar longitudes en el hemisferio occidental, use el <b style="font-size:12px">signo -</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td align=center>
                                        <asp:Button ID="buttonMarcarEnMapa" runat="server" Text="Marcar en Mapa" 
                                            style="font-family:Calibri; font-size:10px; width: 80px;" Height="18px" 
                                            onclick="buttonMarcarEnMapa_Click" />                                    
                                    </td>
                                </tr>
                                <tr>
                                    <td align=center>
                                        <asp:Button ID="buttonVolverAlCentro" runat="server" Text="Volver a casa" 
                                            style="font-family:Calibri; font-size:10px; width: 80px;" Height="18px" 
                                            onclick="buttonVolverACasa_Click" />                                    
                                    </td>
                                </tr>
                                
                                </table>  
                                <table width="100%" style="text-align:center; color:White; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                                <tr>
                                    <td style="font-size:15px">
                                    Ir a mis caballos:
                                    </td>
                                </tr>                             
                                </table>
                                <div id="divPanelDeControlAcciones" >
                                <table width="100%" style="text-align:center; color:White;  font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; background-color:DarkOrange; ">
                                <tr>
                                    <td colspan=3 style="font-size:15px">
                                    Mis acciones:
                                    </td>
                                </tr>           
                                <tr>
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >
                                    <asp:ImageButton ID="imageButtonDibujarPoligono" runat="server" ImageUrl="~/Images/Botones/createFence.png" 
                                            AlternateText="Dibujar Cerca" onclick="imageButtonDibujarPoligono_Click" 
                                            style="width: 20px" />
                                    Dibujar Cerca
                                    </td>                                    
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >                                   
                                  
                                    </td>
                                </tr>   
                                  <tr>
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >
                                    <asp:ImageButton ID="imageButtonDibujarCheckPoint" runat="server" ImageUrl="~/Images/Botones/createCheckpoint.png" 
                                            AlternateText="Dibujar CheckPoint" 
                                            style="width: 20px" onclick="imageButtonDibujarCheckPoint_Click" />
                                    Dibujar Checkpoint
                                    </td>                                    
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >                                   
                                    <asp:ImageButton ID="imageButtonBorrarCheckPoint" runat="server" ImageUrl="~/Images/Botones/deleteCheckpoint.png" 
                                            AlternateText="Borrar CheckPoint" 
                                            style="width: 20px" onclick="imageButtonBorrarCheckPoint_Click" />
                                    Borrar CheckPoint
                                    </td>                                    
                                </tr>
                                <tr>
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >
                                    <asp:ImageButton ID="imageButtonAsociarCaballoACerca" runat="server" ImageUrl="~/Images/Botones/createCheckpoint.png" 
                                            AlternateText="Asociar caballo a cerca" 
                                            style="width: 20px" onclick="imageButtonAsociarCaballoACerca_Click" />
                                    Asociar caballo a cerca
                                    </td>                                    
                                    <td align="left" style="Font-size:10px" width="50%" valign="middle" >                                   
                                    <asp:ImageButton ID="imageButtonDesasociarCaballoACerca" runat="server" ImageUrl="~/Images/Botones/deleteCheckpoint.png" 
                                            AlternateText="Desasociar caballo a cerca" 
                                            style="width: 20px" onclick="imageButtonDesasociarCaballoACerca_Click" />
                                    Desasociar caballo a Cerca
                                    </td>                                    
                                </tr>                  
                            </table>  
                                </div>                              
                        </div>
                    </div> 


                     <table  class="shadow" align="center" width="810px" cellpadding="0" cellspacing="0" border="1" style="border-color: orange;"  >
                        <tr>
                            <td>       
                                 <div id="divInfoPrincipal">
                                    <table width="100%" class="shadowInner1" style="background-color: Orange; ">
                                        <tr>
                                            <td align="center">
                                                <table  class="shadowInner1" width="100%" style="background-image: url('Images/Header.png');"> 
                                                    <tr height="129px">
                                                        <td ID="Construccion" width="50%" class="ColorCeleste" style="font-family:Agency FB;  text-decoration: blink; font-size:20px">
                                                        </td>                
                                                        <td>
                                                        </td>
                                                    </tr>
                                                 </table>            
                                            </td>
                                        </tr>
                                        <tr>
                                        <td><asp:Label ID="LabelUltimaActualizacion" runat="server" Text="Ultima Actualización: No disponible"></asp:Label></td>
                                            
                                        </tr>    
                                        <!-----------------DATA - MODIFICAR MIS DATOS----------------------------------------------------------------------------------------->
                                         <tr>
                                            <td>
                                                <div id="divTab1" style="width:100%;">
                                                    <table width="100%" >
                                                        <tr>
                                                            <td>
                                                                <div id="divModificarMisDatos" class="shadow" style="border-radius:10px;background-image:url('Images/Fondos/800x600/fondo1.png');">
                                                                        <div id="divModificarMisDatosHeader" style="text-align:center; color:Maroon; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                                                                            <br/>Modify / Edit my account info<br/><br/>
                                                                        </div>
                                                                        <table width="100%" align="center">
                                                                            <tr>
                                                                                <td height="10px">
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td width="100%">
                                                                                    <table width="70%" class="shadowInner2" align="center">
                                                                                        <tr>
                                                                                            <td width="100%">
                                                                                                <table width="100%">
                                                                                                    <tr>
                                                                                                        <td width="80%">
                                                                                                            <table width="100%"  >                                                                                                                 
                                                                                                                <tr>
                                                                                                                    <td width="40%" align="right">
                                                                                                                        <font style=" color:Maroon; font-weight:bold;">New Password</font>
                                                                                                                    </td>
                                                                                                                    <td width="1%">
                                                                                                                    </td>
                                                                                                                    <td width="59%">
                                                                                                                        <asp:textbox ID="idModifPass" runat="server" Width="180px" TextMode="Password"  MaxLength="8" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                    <td width="40%" align="right">
                                                                                                                        <font style=" color:Maroon; font-weight:bold;">Confirm new password</font>
                                                                                                                    </td>
                                                                                                                    <td width="1%">
                                                                                                                    </td>
                                                                                                                    <td width="59%">
                                                                                                                        <asp:textbox ID="idModifRepitePass" runat="server" Width="180px" TextMode="Password"  MaxLength="8" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                                <tr>
                                                                                                                    <td width="100%" align="center" colspan="3">
                                                                                                                        <asp:Button ID="btnCambiarPassword" Text="Change password" runat="server" 
                                                                                                                            onclick="btnCambiarPassword_Click" />                                                                                                                   
                                                                                                                    </td>
                                                                                                                </tr>
                                                                                                            </table>
                                                                                                        </td>                                                                                                        
                                                                                                    </tr>   
                                                                                                </table>
                                                                                            </td>
                                                                                        </tr>           
                                                                                        <tr>
                                                                                            <td width="100%" align="center">                                                                                                
                                                                                            </td>
                                                                                         </tr>    
                                                                                    </table>
                                                                                </td>                
                                                                            </tr>
                                                                            <tr>
                                                                                <td height="10px">
                                                                                </td>
                                                                            </tr>
                                                                    </table>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>   
                                        <!------------------END DATA - MODIFICAR MIS DATOS----------------------------------------------------------------------------------------->
                                        <!------------------PERFIL - PERFIL DE MIS CABALLOS----------------------------------------------------------------------------------------->                                         
                                        <tr>
                                             <td>
                                                <div id="divTab2" style="width:100%">
                                                    <table width="100%" >
                                                        <tr>
                                                            <td>
                                                                 <div id="divVerPerfil" class="shadow" style="border-radius:10px; background-image:url('Images/Fondos/800x600/fondo1.png');">
                                                                    <div id="divVerPerfilHeader" style="text-align:center;  color:Maroon;  font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                                                                        <br/>Perfil de mis caballos<br/><br/>
                                                                    </div>
                                                                    <table align="center">
                                                                        <tr>
                                                                            <td align="center">
                                                                                    
                                                                                
                                                                            </td>
                                                                        </tr>
                                                                    </table>                                                                      
                                                                 </div>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>     
                                            </td>
                                        </tr> 
                                        <!------------------END PERFIL - PERFIL DE MIS CABALLOS----------------------------------------------------------------------------------------->                                         
                                        <!------------------EQUINO - AGREGAR CABALLO----------------------------------------------------------------------------------------->                                                                                              
                                        <tr>
                                            <td>
                                               <div id="divTab3" style="width:100%">
                                                    <div id="divModificarDatosDeMisCaballos" class="shadow"  style="border-radius:10px; background-image:url('Images/Fondos/800x600/fondo1.png');" >
                                                                <div id="divModificarDatosDeMisCaballosHeader" style="text-align:center; color:Maroon; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                                                                    <br/>Crear Caballo<br/><br/>
                                                                </div>
                                                                 <table width="100%" align="center">
                                                                        <tr>
                                                                            <td height="10px">
                                                                            </td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td width="100%">
                                                                                <table width="50%" class="shadowInner2" align="center">
                                                                                    <tr>
                                                                                        <td>
                                                                                            <table width="100%" >
                                                                                               <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Nombre:  </font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:textbox ID="idNombreC" runat="server"  Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td widht="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Apodo:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:textbox ID="idApodoC" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Raza:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        
                                                                                                        <asp:textbox ID="idRazaC" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td widht="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Categor&iacute;a:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td widht="65%">
                                                                                                        <asp:textbox ID="idCategoriaC" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Disciplina:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:textbox ID="idDisciplinaC" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Edad:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:textbox ID="idEdad" runat="server" Width="180px"  MaxLength="2" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                                                    <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Pelaje:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:textbox ID="idPelaje" runat="server" Width="180px"  MaxLength="2" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                    </td>
                                                                                                </tr>
                                                                                                <tr>
                                                                                                    <td width="34%" align="right">
                                                                                                        <font style=" color:Maroon; font-weight:bold;">Fotograf&iacute;a:</font>
                                                                                                    </td>
                                                                                                    <td width="1%">
                                                                                                    </td>
                                                                                                    <td width="65%">
                                                                                                        <asp:FileUpload ID="idFileC" runat="server" Width="180px" Font-Size="X-Small"/>
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>      
                                                                                    <tr>
                                                                                        <td width="100%" align="center">
                                                                                            <table width="100%">
                                                                                                <tr>  
                                                                                                    <td align="right">                                                                                                                                         
                                                                                                        <asp:ImageButton title="Guardar datos" src="Images/Botones/ok.png" Width="30px"  ID="idOkCreateCaballo" Text="Upload file"  runat="server" />                                                                                                                                                                                                                               
                                                                                                    </td>
                                                                                                    <td width="3%"></td>
                                                                                                    <td align="left">
                                                                                                        <asp:ImageButton title="Cancelar" src="Images/Botones/cancel.png" Width="30px"  ID="idCancelCreateCaballo" Text="Upload file" runat="server" />                                                     
                                                                                                    </td>
                                                                                                </tr>    
                                                                                            </table>
                                                                                        </td>
                                                                                    </tr>                      
                                                                                </table>
                                                                            </td>    
                                                                        </tr> 
                                                                        <tr>
                                                                            <td height="10px">
                                                                            </td>
                                                                        </tr>   
                                                                    </table>
                                                    </div>
                                                </div>        
                                            </td>
                                        </tr>  
                                         <!------------------END EQUINO - AGREGAR CABALLO----------------------------------------------------------------------------------------->                                                                                              
                                       <!------------------ USUARIO - ABM DE USUARIOS----------------------------------------------------------------------------------------->                                                                                                                                     
                                        <tr> 
                                            <td>
                                                <div id="divTab6" style="width:100%;">
                                                    <div id="divABMUsuarios" class="shadow" style="border-radius:10px; background-image:url('Images/Fondos/800x600/fondo1.png');">
                                                                <div id="divABMUsuariosHeader" style="text-align:center; color:Maroon; font-family:Copperplate Gothic Light; font-size:12px; height:25px; vertical-align:middle; ">
                                                                    <br/>ABM de Usuarios<br/><br/>
                                                                </div>
                                                                <table width="100%" align="center">
                                                                    <tr>
                                                                        <td width="100%">
                                                                            <table width="40%" class="shadowInner2" align="center" >
                                                                                <tr>
                                                                                    <td>
                                                                                        <table width="100%">
                                                                                                <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Usuario:  </font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:textbox ID="idUsuario" runat="server"  Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Nombre:  </font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:textbox ID="idNombre" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Apellido:</font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:textbox ID="idApellido" runat="server" Width="180px"  MaxLength="20" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Contrase&ntilde;a:</font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:textbox ID="idPass" runat="server" Width="180px"  MaxLength="8" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Repetir contrase&ntilde;a:</font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:textbox ID="idRepitePass" runat="server" Width="180px"  MaxLength="8" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"></asp:textbox>
                                                                                                </td>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <td widht="20%" align="right">
                                                                                                    <font style=" color:Maroon; font-weight:bold;">Fotograf&iacute;a:</font>
                                                                                                </td>
                                                                                                <td width="1%">
                                                                                                </td>
                                                                                                <td widht="79%">
                                                                                                    <asp:FileUpload ID="idFileUser" runat="server" Width="180px"  MaxLength="8" style=" color:Maroon;  font-weight:bold; background-color:#FDF9D7;"/>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>                        
                                                                            </table>
                                                                        </td>                
                                                                    </tr>
                                                                    <tr>
                                                                        <td height="10px">
                                                                        </td>
                                                                    </tr>
                                                                </table>                       
                                                            </div>
                                                  </div>
                                             </td>
                                        </tr>      
                                        <!------------------END  USUARIO - ABM DE USUARIOS----------------------------------------------------------------------------------------->     
                                                                                             
                                        <tr>
                                            <td height="100%" align="center" valign="top">                 
                                                <table width="100%">
                                                    <tr valign="middle" height=500px >             
                                                        <td colspan="3" align="center"  >                                   
                                                            <cc1:GMap ID="GMap1" runat="server" Width="790px" Height="600px" serverEventsType="AspNetPostBack" OnServerEvent="GMap1_ServerEvent" />     
                                                        </td>
                                                    </tr>                              
                                                </table>                   
                                            </td>
                                        </tr>
                                        <tr bgcolor="#ff9900">
                                             <td valign=bottom style="font-family: 'Lucida Sans Unicode'; font-size:10px; font-size:12px">
                                                 <table class="shadowInner1" width="100%" style="background-image:url('Images/Footer.png');">
                                        <tr height="150px" >
                                            <td>
                                                        HorseTrack es un producto de <br><a href="http://www.zbctech.com.ar" style="text-decoration:none; color:Wheat; font-family:inherit; font-size:12px">
                                                        <img src="Images/LogoZBCTECH.png" style="height: 76px; width: 149px; margin-top:10px; margin-left:10px; border-width:0px;"><br> www.zbctech.com.ar</a><br>
                                                        <br>
                                                        Consultas y Ventas personalizadas: consulta@horsetrack.com.ar <br />
                                                        Info: info@horsetrack.com.ar
                                            </td>
                                        </tr>
                                </table>          
                            </td>
                        </tr>
                        <tr>
                           <td align="right">
                                <table class="shadowRoundedInner2" width="100%" style="color:Wheat; background-color: OrangeRed;">
                                    <tr>
                                        <td>
                                            <a style="text-decoration:none; color:Wheat; font-family:Calibri; font-size:10px" href=Legales.aspx>Legal </a> | <a style="text-decoration:none; color:Wheat; font-family:Calibri; font-size:10px" href=MapSite.aspx>Mapa del sitio </a> 
                                        </td>
                                    </tr>
                                </table>              
                           </td>
                        </tr>    
                     </table>
                 </div>
             </td>
         </tr>   
    </table>
</body> 
</form>

</html>